<#cenluan>
    <style>
        .img-thum {
            height: 130px;
            margin-bottom: 10px;
        }

        .img-thum img {
            width: 100%;
            max-height: 100%;
        }
    </style>
    <div cass="row">
        <div class="col-md-8 divider-right">
            <!-- 热门图片 -->
            <h3 class="page-header">热门图片</h3>

            <div class="row">
                <!--@for(photo in hotPhotoList){-->
                <div class="col-xs-6 col-sm-4 col-md-3 img-thum">
                    <a href="/photo/show/${photo.id}?order=${order!'0'}">
                        <img src="${photo.url}@!photo-sm" class="img-rounded">
                    </a>
                </div>
                <!--@}elsefor{-->
                <div class="col-md-12">无可显示的照片</div>
                <!--@}-->
            </div>
            <!-- 最新图片 -->
            <h3 class="page-header">最新图片</h3>

            <div class="row">
                <!--@for(photo in newPhotoList){-->
                <div class="col-xs-6 col-sm-4 col-md-3 img-thum">
                    <a href="/photo/show/${photo.id}?order=${order!'0'}">
                        <img src="${photo.url}@!photo-sm" class="img-rounded">
                    </a>
                </div>
                <!--@}elsefor{-->
                <p>无可显示的照片</p>
                <!--@}-->
            </div>
            <!-- 热门投票 -->
            <h3 class="page-header">热门投票</h3>
            <!--@for(vote in hotVoteList){-->
            <div class="media">
                <div class="media-left">
                    <img src="${vote.creater.avatarUrl}" class="avatar-md img-circle">
                </div>
                <div class="media-body">
                    <h4 class="media-heading">
                        <a href="/vote/show/${vote.id}">${vote.title,xss}</a>
                    </h4>

                    <p class="small text-muted">
                        ${vote.createTime,prettyTime}&nbsp;by&nbsp;${vote.creater.html}
                        ,${vote.totalUsers}人参与
                    </p>
                </div>
            </div>
            <!--@if(!voteLP.last){-->
            <hr class="dashed">
            <!--@}-->
            <!--@}elsefor{-->
            <p>无可显示数据</p>
            <!--@}-->
            <!-- 热门博客 -->
            <h3 class="page-header">热门笔记</h3>
            <!--@for(blog in hotBlogList){-->
            <div class="media">
                <div class="media-left">
                    <img class="avatar-md img-circle" src="${blog.creater.avatarUrl}">
                </div>
                <div class="media-body">
                    <h4 class="media-heading">
                        <a href="/blog/show/${blog.id}">${blog.title,xss}</a>
                        <!--@if(blog.type=="ORIGINAL"){-->
                        <span class="label label-primary">原创</span>
                        <!--@}else if(blog.type=="COPY"){-->
                        <span class="label label-success">转载</span>
                        <!--@}-->
                        <!--@if(blog.privacy){-->
                        <span class="label label-warning">私有</span>
                        <!--@}-->
                    </h4>

                    <p class="text-muted">
                        ${blog.updateTime,prettyTime}&nbsp;by&nbsp;${blog.creater.html}，${blog.clickCount}阅
                    </p>
                </div>
            </div>
            <!--@if(!blogLP.last){-->
            <hr class="dashed">
            <!--@}-->
            <!--@}elsefor{-->
            <p>无可显示数据</p>
            <!--@}-->
        </div>
        <div class="col-md-4">
            <!-- 热门微博 -->
            <h3 class="page-header">热门蹦跶</h3>
            <!--@for(tweet in hotTweetList){-->
            <div class="media">
                <a class="media-left" href="/user/show/${tweet.createrId}">
                    <img src="${tweet.creater.avatarUrl}" class="avatar-md img-circle">
                </a>

                <div class="media-body">
                    <p>${tweet.creater.html}：${tweet.content}</p>

                    <p class="text-muted small">
                        发布于${tweet.createTime,prettyTime}（
                        <a href="/tweet/show/${tweet.id}">
                            <!--@if(tweet.photoCount>0){-->
                            ${tweet.photoCount}图
                            <!--@}-->
                            ${tweet.commentCount}评
                        </a>
                        ）
                    </p>
                </div>
            </div>
            <!--@if(!tweetLP.last){-->
            <hr class="dashed">
            <!--@}-->
            <!--@}elsefor{-->
            <p>无可显示数据</p>
            <!--@}-->
            <!-- 活跃用户 -->
            <h3 class="page-header">活跃用户</h3>

            <div class="row">
                <!--@for(user in activeUserList){-->
                <div class="col-xs-3 mb20">
                    <a href="/user/show/${user.id}" title="${user.nickname}">
                        <img class="img-circle avatar-md center-block" src="${user.avatarUrl}">
                    </a>
                </div>
                <!--@}-->
            </div>
        </div>
    </div>
</#cenluan>